<div class="container-fluid">
  <div class="row-fluid">
    <div class="span12">       
    <form role="form" id="form" action="{:U('Msg/send_news')}"> 
        
        <div class="form-group">
          <label for="name">&nbsp;类&nbsp;&nbsp;&nbsp;型&nbsp;&nbsp;&nbsp;</label>
          <select name="type"  form="form">
            <option value="0">通知类型</option>
             <option value="1">公告类型</option>
          </select>
        </div>  
         <div class="form-group">
          <label for="name">发送范围</label>
          <!-- 选择发送的范围 -->
          <select name="area" id="tesetSelect" form="form"  onchange="tt(this.id)">
            <option value="2">全部用户</option>
            <option value="0">群发</option>
            <option value="1">单个发送</option>
          </select>
        </div>  
        

        <div class="form-group" id="sc">
          <label for="name">服务中心</label>
         <!--   <input type="checkbox" id="sel"/> 全选/全不选<br/>  -->
          <volist name="list" id="data">
            <input type="checkbox" class="sc_center" name="sc[]" value="{$data['id']}">{$data['sc']} &nbsp;&nbsp;&nbsp;
          </volist>
        </div>  


        <div class="form-group" id="apt">
          <label for="name">小区</label>
<!--            <input type="checkbox" id="sel_apt"/> 全选/全不选<br/>  -->
         <div id="sc_r">
         <!-- <volist name="arrlist" id="ar"> -->
         <!-- {:print_r($ar)} -->
           <!--  <input type="checkbox" class="apt_a" name="apt[]" value="{$ar['id']}">{$ar['name']} -->
          <!-- </volist> -->

          </div>
        </div>  
       
       <!--  <div class="form-group" id="obj">
         <label for="name">发送对象</label>
         <select name="obj" form="form">
           <option value="1">全部</option>
         <option value="2">业主</option>
         <option value="3">租客</option>
         </select>
       </div>   -->

        <div class="form-group" id="user">
          <label for="name">用户</label>
          <div id="user_r">
          <!-- <volist name="user_list" id="user">
            <input type="checkbox" name="user[]" value="{$user['id']}">{$user['name']}
          </volist> -->
          </div>
        </div>  
        
         <div class="form-group">
          <label for="name">发送内容的标题</label>
          <select name="content" form="form">
            <volist name="con" id="content">
              <option value="{$content.id}">{$content.title}</option>
            </volist>
          </select>
        </div>  
    <button type="submit" class="btn btn-default" id="submit">发送</button>
</form>
    </div>
  </div>
</div>
<script type="text/javascript">
$(function() {  
    //全选全不选
    /*$("#sel").click(function() {  
        if ($(this).prop("checked")) {  
            $(".sc_center").each(function() {  
                $(this).prop("checked", true);  
            });  
        } else {  
            $(".sc_center").each(function() {  
                $(this).prop("checked", false);  
            });  
        }  
    });  */
     //服务中心
    $(".sc_center").click(function() {  
        var text="";
        var v="";  
        var arr=[];
        $(".sc_center").each(function() {  
            if ($(this).prop("checked")) {  
                text = $(this).val();  
                arr.push(text);
                v=arr.join(',');
            }  
        });  
        //alert(v);  
        $.post('{:U("Msg/ajax")}',{id:v},function(obj){
          if(obj.s="success"){
            var m=obj.m;
            var i=0;
            //alert(m);
            if (m=="" || m==null) {
                $("#sc_r").html("");
            }else{
                  var data="";
                  for(i;i<m.length;i++){
                  //alert("text:"+obj.m[m].name+" value:"+obj.m[m].id );
                  var data=data+"<input type='checkbox' class='apt_a' name='apt[]' value="+m[i].id+">"+m[i].name;
                }            
                 $("#sc_r").html(data);
                 x();
              };
          };
      },'json');
    }); 
 function x(){
    $(".apt_a").click(function() {  
        var text="";
        var v="";  
        var arr=[];
        $(".apt_a").each(function() {  
            if ($(this).prop("checked")) {  
                text = $(this).val();  
                arr.push(text);
                v=arr.join(',');
            }  
        });  
        $.post('{:U("Msg/ajax_user")}',{id:v},function(obj){
          if(obj.s="success"){
            var m=obj.m;
            var i=0;
            //alert(m);
            if (m=="" || m==null) {
                $("#user_r").html("");
            }else{
                  var data="";
                  for(i;i<m.length;i++){
                  //alert("text:"+obj.m[m].name+" value:"+obj.m[m].id );
                  var data=data+"<input type='checkbox'  name='user[]' value="+m[i].id+">"+m[i].name;
                }
                 $("#user_r").html(data);
              };
          };
      },'json');
    }); 

}



});  




var area=$("#tesetSelect").val();
  if (area==2) {
    $("#sc").hide();
    $("#apt").hide();
    $("#user").hide();
  };
function tt(id) {
  var area=$("#tesetSelect").val();
  if (area==0) {
    $("#sc").show();
    $("#apt").show();
    $("#user").hide();
    $("#obj").show();
  };
  if (area==1) {
    $("#sc").show();
    $("#apt").show();
    $("#user").show();
    $("#obj").hide();
  };
  if (area==2) {
    $("#sc").hide();
    $("#apt").hide();
    $("#user").hide();
    $("#obj").show();
  };
}
</script>
